<script setup>

</script>
<template>
    <div class="ss-cart">
        <div class="ss-cart-content">
            <svg width="30" height="29" viewBox="0 0 30 29" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_56_859)">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M9.43983 22.781C7.86123 22.781 6.56965 24.0272 6.56965 25.5503C6.56965 27.0733 7.86123 28.3195 9.43983 28.3195C11.0184 28.3195 12.31 27.0733 12.31 25.5503C12.31 24.0272 11.0184 22.781 9.43983 22.781ZM0.829285 0.627197V3.39643H3.69947L8.86579 13.9195L6.85666 17.2426C6.71316 17.658 6.56965 18.2118 6.56965 18.6272C6.56965 20.1503 7.86123 21.3964 9.43983 21.3964H26.6609V18.6272H10.0139C9.87036 18.6272 9.72685 18.4887 9.72685 18.3503V18.2118L11.0184 15.858H21.6381C22.7862 15.858 23.6472 15.3041 24.0778 14.4734L29.2441 5.47335C29.5311 5.19643 29.5311 5.05797 29.5311 4.78104C29.5311 3.95027 28.9571 3.39643 28.096 3.39643H6.85666L5.56508 0.627197H0.829285ZM23.7907 22.781C22.2121 22.781 20.9206 24.0272 20.9206 25.5503C20.9206 27.0733 22.2121 28.3195 23.7907 28.3195C25.3693 28.3195 26.6609 27.0733 26.6609 25.5503C26.6609 24.0272 25.3693 22.781 23.7907 22.781Z"
                        fill="#D88C27" />
                </g>
                <defs>
                    <clipPath id="clip0_56_859">
                        <rect width="28.7018" height="27.6923" fill="white" transform="translate(0.829285 0.627197)" />
                    </clipPath>
                </defs>
            </svg>
            <div class="ss-cart-text">购物车</div>
        </div>

    </div>
</template>



<style lang="scss" scoped>
.ss-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 6px var(--ss-box-shadow-color);
    width: 140px;
    height: 50px;
    border-radius: 50px;
}

.ss-cart-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    padding-bottom: 3%;
    border-bottom: 2px solid #fff;
}

.ss-cart-text {
    margin-left: 8%;
    color: #fff;
    font-size: var(--szc-font-main-middle);
}
</style>